<template>
	<view>
		<div class="box_title">
			<p>
				<i></i>
				{{ title }}
			</p>
			<p v-if="tip">{{ tip }}</p>
		</div>
	</view>
</template>

<script>
export default {
	props: ['title', 'tip'],
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.box_title {
	font-size: 28rpx;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	p {
		display: flex;
		align-items: center;
		i {
			display: inline-block;
			background: #5880ff;
			width: 8rpx;
			height: 28rpx;
			margin-right: 20rpx;
		}
	}
}
</style>
